*{margin: 0;padding: 0}
html{background: #f2f2f2;}
body{font-family: "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";font-size: 100%;color: #ADADAD}
ul{list-style: none;}
img{border:none;}
.nav{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 333;
	top: 15;
	background: darkseagreen;
	border-radius: 20px;	
}

.nav-bar a{
	color: #FFB6C1;
	text-decoration: none;
	margin-left:11%;
}
footer {
		background: #e0e0e0;
		position: relative;
		width: 100%;
		margin-top: 40px;
		padding-top: 20px;
		padding-bottom: 20px;
		text-shadow: 5px 5px 5px white;
		color: #666666;
		overflow: hidden;
	}
.footer_left
{float: left;
text-align: center;
}
.footer_right
{border-left:5px #8FBC8F solid;float: right;background: #E3E3E3}
.logo{width: 110px;height: 40px ;}
.swiper-slide{
	float: left;
}
.swiper-slide img{
	width: 80%;
}
.swiper_p{
	margin-top: 40px;
	text-indent: 5em;
	padding-top: 4%;
	padding-bottom: 2%;
	border-top: 1px #e8e8e8 solid;
	border-bottom: 1px #e8e8e8 solid;
	font-size: 1em;
	line-height: 1.5em;
	color: #666666;
}
.parner{
	margin:2% auto;   
	width: 90%;
	overflow: hidden;
	text-align: center;
}
.parner span img{
	width: 5%;
	margin:0px 3%;
	min-width: 20px;
}
.con{
	position: static;
  		width: 15rem;
  		background: indianred;
  		border-radius: 20px;
  		box-shadow: 0 7px 7px #8FBC8F;
  		box-sizing:  content-box;
  		padding: 30px; 
  		margin: 4% 4%;
  		text-align: center;
  		display: inline-block;
}
.con img{
	width: 100%;
	float: left;
}
.con p{
	clear: both;
	text-align: center;
	line-height: 35px;
	font-family: HUM521L;
	font-size: 1em;
	color: black;
	white-space:nowrap;
}